<html>
<head>
<meta charset="utf-8">	
<!-- head -->
<script type="text/javascript"  src="../../../../../../../_static_dir/vue2.5.17.js"></script>
<script type="text/javascript"  src="../../../../../../../_static_dir/element_ui_2.0.3_index.js"></script>
<script type="text/javascript"  src="../../../../../../../_static_dir/base.js"></script>
<link rel="stylesheet" href="../../../../../../../_static_dir/iconfont.css">
<link rel="stylesheet" href="../../../../../../../_static_dir/element_ui.css">
<script type="text/javascript"  src="../../../../../../../_static_dir/color.js"></script>
<script type="text/javascript"  src="main.js"></script>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="../../../../../../../_static_dir/element_ui.css">
<!-- head -->
</head>

<body>

   <div id="rr"
    style="
   width: 24%;
   height: 100%;">
   <div style="
   width: 100%;
   background-color: rgb(84, 92, 100);
   height: 92%;
   color: white;    background-color: rgb(84, 92, 100)">

    <!-- <new_params_base_text__0 v-model="v"></new_params_base_text__0> -->
    <new_params_base_from :key="d.tt"var_name="ee" :load_params="load_params" :load_from_data="表单结构" v-model="表单数值" :show_flag="true" title_name="添加数据表:"title_type="text" @bind_from="确定回调" ></new_params_base_from>
   </div>
  </div>
</body>
<script>
  data2={
  '名称': {'default':'','type':'text'},
  '备注': {'default':'','type':'text'},}
  表单结构={
    "名称": {  
      "default": "",  
      "type": "text",  
      "备注": "字段的名字"  
    },  
    "测试": {  
      "default": "",  
      "type": "f",  
      "备注": "测试函数,用于测试"  
    },  
    "主键": {  
      "default": false,  
      "type": "r",  
      "备注": "是否为自增长,创建数据库时定义是否为主键"  
    },  
    "自增长": {  
      "default": false,  
      "type": "l",  
      "备注": "是否为自增长,创建数据库时定义是否为自增长"  
    },  
    "索引": {  
      "default": false,  
      "type": "u",  
      "备注": "是否为索引,创建数据库时定义是否为索引"  
    },  

    "字段类型": {  
      "default": "INTEGER",  
      "type": "select",  
      "type_dct": "[\"INTEGER\",\"TEXT\",\"DATETIME\",\"VARCHAR\"]",  
      "备注": "字段的类型,创建数据库时定义字段类型"  
    },  
    "字段长度": {  
      "default": null,  
      "type": "minmax",  
      "备注": "字段的长度,创建数据库时定义字段长度"  
    },  "字段长度2": {  
      "default": [0,22],  
      "type": "minmax",  
      "备注": "字段的长度,创建数据库时定义字段长度"  
    },  
    "update_modify_time": {  
      "default": false,  
      "type": "bool",  
      "备注": "是否自动更新时间(DATETIME字段类型),创建数据库时设置触发器在数据被更新时自动更新该字段为最新时间"  
    },
    "数据": {  
      "ch_name":'数据',
      "default": [  
  {  
    "name": "控制系统",  
    "icon": "icon-kongzhitai",  
    "click_func": ""  
  },  
  {  
    "name": "控制中心",  
    "icon": "icon-kongzhitai",  
    "click_func": ""  
  },  
  {  
    "name": "工艺设定",  
    "icon": "icon-tree_main_factory",  
    "click_func": ""  
  },  
  {  
    "name": "产品库1",  
    "icon": "icon-pinzhong",  
    "click_func": ""  
  },  
  {  
    "name": "产品库2",  
    "icon": "icon-huabi",  
    "click_func": ""  
  },  
  {  
    "name": "用户中心",  
    "icon": "icon-yonghu",  
    "click_func": ""  
  },  
  {  
    "name": "日志中心",  
    "icon": "icon-rizhi",  
    "click_func": ""  
  }  
],  
      'type': 'listdct',
      
      'listdct':{
        'name':{
          "default": '',  
          'type': 'l',
          "备注": "设置显示名称" 
      },
        'icon':{
          "default": '',  
          'type': 'text',
          "备注": "设置显示名称图标的class"
      },
        'click_func':{
          "default": '',  
          'type': 'f',
          "备注": "设置点击后触发函数"
      },'多层嵌套':{
          "default": [{'name':'嵌套'}],  
          '备注':'多层嵌套',
          'type': 'listdct','listdct':{
        'name':{
          "default": '',  
          'type': 'text',
          "备注": "显示文本"
      }}
      },
      },
      '备注':'嵌套一个表单'
  },
    
    "全局名称": {
        "default": "",
        "type": "___全局名称",
        "备注": "组件属性可以通过全局进行访问"
    },
    "width": {
        "default": "auto",
        "type": "___width",
        "备注": "组件的宽度[width]"
    },
    "height": {
        "default": "auto",
        "type": "___height",
        "备注": "组件的高度[height]"
    },
    "padding_left": {
        "default": 0,
        "type": "___padding_left",
        "备注": "组件的 内边距-左[padding-left]"
    },
    "padding_right": {
        "name": "padding-right",
        "default": 0,
        "type": "___padding_right",
        "备注": "组件的 内边距-右[padding-right]"
    },
    "padding_top": {
        "default": 0,
        "type": "___padding_top",
        "备注": "组件的 内边距-上[padding-top]"
    },
    "padding_bottom": {
        "default": 0,
        "type": "___padding_bottom",
        "备注": "组件的 内边距-下[padding-bottom]"
    },
    "margin_left": {
        "default": 0,
        "type": "___margin_left",
        "备注": "组件的 外边距-左[margin-left]"
    },
    "margin_right": {
        "default": 0,
        "type": "___margin_right",
        "备注": "组件的 外边距-右[margin-right]"
    },
    "margin_top": {
        "default": 0,
        "type": "___margin_top",
        "备注": "组件的 外边距-上[margin-top]"
    },
    "margin_bottom": {
        "default": 0,
        "type": "___margin_bottom",
        "备注": "组件的 外边距-下[margin-bottom]"
    }

}
  表单数值={
名称:'vvvv',
主键:true
  }
  
  window.eeeee={}
  ffunc=function(obj){
    console.log("单个属性修改:",obj)
  }
load_params={
edit_path_before:'db_config',
path:'color_db.new_params_base_field_info',
update:function(obj){
    console.log("单个属性修改:",obj)
  },
ok_callback:function(val){console.log('完整from:',val)}
}
d={tt:'1'}
window.test=new Vue({
        
        el:'#rr',
         data: {// data
          load_params:load_params,
          表单结构:表单结构,
          表单数值:表单数值,
          true:true,
          d:d
            // data
         }
// methods
       })

</script>